<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>阿里钉钉官网</title>

        <link rel="icon" href="https://g.alicdn.com/dingding/web/0.2.6/img/oldIcon.ico">
        <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

        <style>
            body{
                margin: 0;
                padding: 0;
            }

            .header{
                width: 1519.2px;
                height: 80px;
                background: #FFFFFF;
                position: fixed;
            }
            .header-center{
                width: 1210px;
                height: 80px;
                position: relative;
                margin: 0 auto;
            }
            .header-logo{
                width: 85px;
                height: 80px;
                float: left;
                background: gray;
            }
            .header-text{
                width: 855px;
                height: 80px;
                background: #db0000;
                position: relative;
                float: left;
                display: flex;
                justify-content: center;
            }
            .header-language{
                width: 100px;
                height: 80px;
                float:left;
                background: yellow;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .one{
                width: 85px;
                height: 80px;
                float: left;
                background: blue;
            }
            .two{
                width: 85px;
                height: 80px;
                float: left;
                background: green;
            }
            .header-text-item{
                margin: 0 25px;
                height: 80px;
                position: relative;
            }
            .dd-home-head-nav-item-link{
                font-size: 14px;
                color: black;
                line-height: 80px;
            }
            .first{
                width: 28px;
            }
            .second{
                width: 84px;
            }
            .header-language-logo {
                width: 18px;
                height: 18px;
                background-image: url("header-language-logo.png");
                background-repeat: no-repeat;
                background-size: 100%;
            }
            .header-language-text{
                margin:0 5px;
                font-size: 14px;
            }
            .header-language-fa{

            }

        </style>

    </head>
    <body>
        <div class="header">
            <div class="header-center">

                <div class="header-logo">
                    <a class="header-logo-link" href="https://www.dingtalk.com"></a>
                </div>

                <div class="header-text">
                    <div class="header-text-item first">
                        <a class="dd-home-head-nav-item-link">产品</a>
                    </div>
                    <div class="header-text-item second">
                        <a class="dd-home-head-nav-item-link">智能办公软件</a>
                    </div>
                </div>

                <div class="header-language">
                    <div class="header-language-logo"></div>
                    <div class="header-language-text">中文</div>
                    <div class="header-language-fa">
                        <i class="fa fa-angle-down"></i>
                    </div>
                </div>
                <div class="one"></div>
                <div class="two"></div>

            </div>
        </div>

    </body>
</html>